<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>地铁：创造智能化高效节能生活</title>
  <!-- animate css库 -->
  <link rel="stylesheet" href="./css/animate.min.css" />
  <!-- scroll page 依赖 -->
  <script src="./js/scrollpage.js"></script>
  <!-- <script type="text/javascript" src="https://unpkg.com/default-passive-events"></script> -->
  <!-- 样式 -->
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" href="./css/page.css">
</head>

<body>
  <div id="main-page">
    <div id="page1" class="page-item">
      <div class="animate__animated animate__fadeInDown animate__delay-1s">
        <p>地铁</p>
        <p>创造智能化高效节能生活</p>
        <p><span>M</span>agic <span>E</span>lectricity <span>T</span>o</p>
        <p><span>R</span>efine <span>O</span>urself</p>
      </div>
    </div>
    <div id="page2" class="page-item">
      <h2>各城市轨道交通数据</h2>
      <div class="box">
        <div class="container fin">
          <div id="icon" class="lin"></div>
          <div class="right">
            <p class="rin1">
              截至2022年，中国内地共有 <span>55</span> 座城市开通轨道交通，其中，<span>50</span> 座城市开通地铁线路，占比 <span>91%</span>；
            </p>
            <p class="rin2">
              地铁运营里程数达 <span>8008.17公里</span> ，占轨道交通运营线路 <span>77.84%</span>；
            </p>
            <p class="rin3">
              地铁总线路数 <span>290</span> 条，占轨道交通运营线路数 <span>94.2%</span>，地铁已成为城市居民不可或缺的主要交通工具之一，其在提高出行效率的同时也大大节省了能源。
            </p>
          </div>
        </div>
      </div>
    </div>
    <div id="page3" class="page-item">
      <div class="mapBox">
        <h2>中国内地城市地铁里程数和线路数</h2>
        <div class="container">
          <div id="mapContainer" class="lin"></div>
          <div class="desc">
            <p class="rin1">中国内地开通地铁城市里程数在沿海地区较多，内陆地区地铁里程数成渝地区占比较大。</p>
            <p class="rin2">目前，中国内地开通地铁城市中，有 <span>10</span> 座城市线路数达到 <span>10</span> 条及以上。</p>
          </div>
        </div>
      </div>
    </div>
    <div id="page4" class="page-item">
      <div class="title">
        <h2>国家高度重视节能发展</h2>
      </div>
      <div id="cloud" class="lin"></div>
      <div class="box rin">
        <div class="line"></div>
        <div class="item">
          <h3>《2022年全国两会》</h3>
          <p>
            有序推进碳达峰碳中和工作，落实碳达峰行动方案。推动煤电节能降碳改造、灵活性改造、供热改造。推进大型风光电基地及其配套调节性电源规划建设，提升电网对可再生能源发电的消纳能力。推进绿色低碳技术研发和推广应用，建设绿色制造和服务体系。推动能耗“双控”向碳排放总量和强度“双控”转变，完善减污降碳激励约束政策，加快形成绿色生产生活方式。
          </p>
        </div>
        <div class="item" style="transform: translateY(150px);">
          <h3>《中华人民共和国节约能源法》</h3>
          <p>
            推进科技创新，促进产业优化升级，突破供给约束堵点，依靠创新提高发展质量。促进数字经济发展。加快发展工业互联网，培育壮大集成电路、人工智能等数字产业，提升关键软硬件技术创新和供给能力。
          </p>
        </div>
        <div class="item" style="transform: translateY(0);">
          <h3>《中华人民共和国可再生能源法》</h3>
          <p>
            旨在推动全社会节约能源，提高能源利用效率，保护和改善环境，促进经济社会全面协调可持续发展。
          </p>
        </div>
        <div class="item" style="transform: translateY(120px);">
          <h3>《中华人民共和国清洁生产促进法》</h3>
          <p>
            旨在促进可再生能源的开发利用，增加能源供应，改善能源结构，保障能源安全，保护环境，实现经济社会的可持续发展制定。未来发展方向：第十三条国家鼓励和支持可再生能源并网发电（可再生能源独立电力系统，是指不与电网连接的单独运行的可再生能源电力系统）。
          </p>
        </div>
        <div class="item" style="transform: translateY(30px);">
          <h3>《“十四五”节能减排综合性工作方案》</h3>
          <p>
            旨在促进清洁生产，提高资源利用效率，减少和避免污染物的产生，保护和改善环境，保障人体健康，促进经济与社会可持续发展。
          </p>
        </div>
        <div class="item" style="transform: translateY(140px);">
          <h3>《2030年前碳达峰行动方案》</h3>
          <p>
            旨在为认真贯彻落实党中央、国务院重大决策部署，大力推动节能减排，深入打好污染防治攻坚战，加快建立健全绿色低碳循环发展经济体系，推进经济社会发展全面绿色转型，助力实现碳达峰、碳中和目标。
          </p>
        </div>
        <div class="item" style="transform: translateY(50px);">
          <h3>《“十四五”节能减排综合性工作方案》</h3>
          <p>
            绿色铁路属于交通物流节能减排工程。提高城市公交、出租、物流、环卫清扫等车辆使用新能源汽车的比例。大力发展智能交通，积极运用大数据优化运输组织模式。
          </p>
        </div>
      </div>
    </div>
    <div id="page5" class="page-item">
      <div class="title">
        <h2>交通物流节能减排工程--绿色铁路</h2>
      </div>
      <div class="box">
        <div class="lin scale">
          <img data-src="./img/l1.jpg" alt="">
        </div>
        <div class="rin">
          <img data-src="./img/r1.jpg" alt="">
        </div>
      </div>
    </div>
    <div id="page6" class="page-item">
      <div class="box">
        <h2>2022年中国内地城市地铁里程数及线路数（前40名）</h2>
        <div class="container fin">
          <div id="bar1"></div>
        </div>
        <p style="color: #333;font-size: 24px;">数据来源：交通运输部《2022年城市轨道交通运营数据速报》</p>
      </div>
    </div>
    <div id="page7" class="page-item">
      <h2>
        2025/2030年非化石能源消费比重
      </h2>
      <div class="box">
        <div class="container">
          <div class="item-box">
            <div class="item lin1">
              <div>2025年</div>
              <p>
                非化石能源消费比重达 <span>20%</span> 左右，单位国内生产总值能源消耗比2020年下降 <span>13.5%</span> ，单位国内生产总值二氧化碳排放比2020年下降
                <span>18%</span> ，为实现碳达峰奠定坚实基础。
              </p>
            </div>
            <div class="item lin2">
              <div>2030年</div>
              <p>非化石能源消费比重达 <span>25%</span> 左右，单位国内生产总值二氧化碳排放比2002年下降 <span>65%</span> 以上，顺利实现2030年前碳达峰目标。</p>
            </div>
          </div>
          <div id="bar8" class="rin"></div>
        </div>
      </div>
    </div>
    <!-- <div id="page8" class="page-item">
      <div class="box">
        <h2>中国45个城市轨道交通占比</h2>
        <div class="container">
          <div id="pie1" class="chart lin"></div>
          <div class="desc rin">
            2020年，中国45个城市轨道交通运营总线路 <span>244</span>条，总里程 <span>7969.7km</span> ，其中，地铁运营线路 <span>6280km</span>，占比达
            <span>78.8%</span> 。
          </div>
        </div>
      </div>
    </div> -->
    <div id="page9" class="page-item">
      <div class="box">
        <h2>2022年城市轨道交通客流量排行榜</h2>
        <div class="container">
          <div id="bubble" class="lin"></div>
          <div class="desc rin">
            <p>
              根据《中国城市轨道交通协会》、交通运输部《2022年城市轨道交通运营数据速报》，2022年中国内地地铁总客运量 <span>194</span> 亿人次，日均 <span>5315.07</span> 万人次 。
            </p>
          </div>
        </div>
        <p class="data-resource">数据来源：交通运输部《2022年城市轨道交通运营数据速报》</p>
      </div>
    </div>
    <div id="page10" class="page-item">
      <div class="lin"><img data-src="./img/t1.jpg" alt=""></div>
      <div class="rin"><img data-src="./img/m1.jpg" alt=""></div>
      <p class="data-resource">数据来源：《上海轨道交通行业资讯中心》</p>
    </div>
    <div id="page11" class="page-item">
      <div class="title">
        <h2>成渝共建经济圈</h2>
      </div>
      <div id="cloudigyu" class="lin"></div>
      <div class="box rin">
        <div class="line"></div>
        <div class="item" style="transform: translateY(150px);">
          <h3>《成渝地区双城经济圈建设规划纲要》</h3>
          <p style="height: 500px;">
            加强顶层设计和统筹协调，牢固树立一体化发展理念，唱好”双城记”，共建经济圈，合力打造区域协调高水平样板，在推进新时代西部大开发中发挥示范作用。
          </p>
        </div>
        <div class="item" style="transform: translateY(400px);">
          <h3>《2022年四川省人民政府工作报告》</h3>
          <p>
            2021年川渝启动碳达峰中和联合行动，建立跨区域财税协同机制。2022年将全面提速成渝地区双城经济圈建设，推动川渝合作共建再深化。新实施一批便捷生活行动和”川渝通办”事项，提升群众办事便捷度。
          </p>
        </div>
        <div class="item">
          <h3>《2022年重庆人民政府工作报告》</h3>
          <p>
            统筹成渝地区双城经济圈建设和”一区两群”协调发展，持续释放区域经济发展布局优化效应。
          </p>
        </div>
      </div>
    </div>
    <div id="page12" class="page-item">
      <div class="box">
        <h2>成都重庆日均客流量占常住人口比例</h2>
        <div class="desc fin">
          <p>
            成都市2022年常住人口总人数 <span>2126.80</span> 万人，成都地铁2022年日均客流量 <span>430.6</span> 万乘次，占常住人口总人数 <span>20.25%</span>
            ；重庆市常住人口2022总人数 <span>3213.30</span> 万人，重庆轨道交通2022年日均客流量 <span>249.54</span>
            万乘次，占常住人口总人数 <span>7.77%</span> 。
          </p>
        </div>
        <div class="container">
          <div id="pie5" class="lin"></div>
          <div id="pie6" class="rin"></div>
        </div>
      </div>
      <p class="data-resource">数据来源：《成都市人口统计局》、《重庆市人口统计局》</p>
    </div>
    <div id="page13" class="page-item">
      <div class="title">
        <h2>成都推进高科技绿色交通</h2>
      </div>
      <div id="cloudjcts" class="lin"></div>
      <div class="box rin">
        <div class="line"></div>
        <div class="item" style="transform: translateY(150px);">
          <h3>《2022年四川省人民政府工作报告》</h3>
          <p>
            有序推进碳达峰碳中和。严格落实国家双碳政策，实施”碳达峰十大行动”，推动近零碳排放试点建设。健全碳排放统计核算体系，创造条件尽早实现能耗”双控”向碳排放总量和强度”双控转变，加快形成减污降碳的激励约束机制。实施公共机构碳达峰行动，开展节约型机关和公共机构创建，倡导简约适度、绿色低碳的生活方式，节约每一张纸、每一度电、每一滴水。
          </p>
        </div>
        <div class="item" style="transform: translateY(400px);">
          <h3>《2022年成都市政府工作报告》</h3>
          <p>
            坚持”双碳”引领，优化四大结构，加快促进经济社会发展全面绿色转型：着力推动空间结构优化调整、着力推动产业结构优化调整、着力推动交通结构优化调整、着力推动能源结构优化调整。
          </p>
        </div>
      </div>
    </div>
    <div id="page14" class="page-item">
      <div class="title">
        <h2>成都 VS 重庆</h2>
      </div>
      <div class="img">
        <div class="lin1"><img data-src="./img/l2.jpg" alt=""></div>
        <div class="rin1"><img data-src="./img/r2.jpg" alt=""></div>
      </div>
      <div class="box">
        <div class="container">
          <div id="bar5" class="lin2"></div>
          <div id="bar6" class="rin2"></div>
        </div>
      </div>
    </div>
    <div id="page15" class="page-item">
      <div class="title">
        <h2>Eg：成都</h2>
      </div>
      <div class="right rin1">
        <img data-src="./img/rt.jpg" alt="">
      </div>
      <div class="img">
        <div class="lin"><img data-src="./img/l3.jpg" alt=""></div>
        <div class="rin2"><img data-src="./img/r3.jpg" alt=""></div>
      </div>
    </div>
    <div id="page16" class="page-item">
      <div class="top fin">
        <img data-src="./img/t2.png" alt="">
      </div>
      <div class="img">
        <div class="flin"><img data-src="./img/l4.png" alt=""></div>
        <div class="frin"><img data-src="./img/r4.png" alt=""></div>
      </div>
      <div class="bottom bgin">
        <img data-src="./img/b.jpg" alt="">
      </div>
    </div>
    <div id="page17" class="page-item">
      <div class="title">
        <h2>成都地铁的”第一”</h2>
      </div>
      <div class="top rin"><img data-src="./img/r6.jpg" alt=""></div>
      <div class="img">
        <h3>现代仿真设计</h3>
        <div class="flin">
          <img data-src="./img/p1.jpg" alt="" class="scale">
          <p>外星人主题-5/9号线锦城大道站</p>
        </div>
        <div class="frin">
          <img data-src="./img/p2.jpg" class="scale">
          <p>蓝天主题-5/9号线锦城大道站</p>
        </div>
      </div>
    </div>
    <div id="page18" class="page-item">
      <h3>城市历史再现</h3>
      <div class="img">
        <div class="flin" style="transform: translate(150px,-10px);">
          <img data-src="./img/p3.jpg" alt="" class="scale">
          <p>老火车主题-1/7号线火车北站</p>
        </div>
        <div class="frin" style="transform: translate(-200px, 20px);">
          <img data-src="./img/p4.jpg" alt="" class="scale">
          <p>司马相如/卓文君凄美爱情主题-5号线抚琴站</p>
        </div>
        <div class="fin" style="transform: translate(400px, 30px);">
          <img data-src="./img/p5.jpg" alt="" class="scale">
          <p>中医主题-2/4/5号线中医大省医院站</p>
        </div>
        <div></div>
      </div>
    </div>
    <div id="page19" class="page-item">
      <h3>学院氛围浓厚</h3>
      <div class="img">
        <div class="flin" style="transform: translate(100px, -10px);">
          <img data-src="./img/p6.jpg" alt="" class="scale">
          <p>古代私塾主题-4号线成都大学站</p>
        </div>
        <div class="frin" style="transform: translate(-180px, 20px);">
          <img data-src="./img/p7.jpg" alt="" class="scale">
          <p>考古主题-7/8号线理工大学站</p>
        </div>
        <div class="fin" style="transform: translate(600px, -220px);">
          <img data-src="./img/p8.jpg" alt="" class="scale">
          <p>运动主题-1/3号线省体育馆站</p>
        </div>
        <div></div>
      </div>
    </div>
    <div id="page20" class="page-item">
      <div class="title">
        <h2>还有更多”第一”......</h2>
      </div>
      <div class="box">
        <div class="lin">
          <div class="desc">
            <img data-src="./img/p9.jpg" alt="">
            <img data-src="./img/txt.jpg" alt="">
          </div>
        </div>
        <div class="rbox">
          <div class="rin"><img data-src="./img/tr1.jpg" alt=""></div>
          <div class="rin1"><img data-src="./img/tr2.jpg" alt=""></div>
          <div class="rin2"><img data-src="./img/tr3.jpg" alt=""></div>
          <div class="rin3"><img data-src="./img/tr4.jpg" alt=""></div>
        </div>
      </div>
    </div>
    <div id="page21" class="page-item">
      <div class="title">
        <h2>一起感受地铁高科技<h2>
      </div>
      <div class="video">
        <video poster="./img/face.jpg" preload="none" src="./img/compress_10.mp4" controls="controls">
          您的浏览器不支持播放视频!
        </video>
      </div>
      <p class="footer">
        乘坐成都地铁9号线感受以”科技创新”为设计主题的孵化园站（视频）
      </p>
    </div>
    <div id="page22" class="page-item">
      <img class="tdw" data-src="./img/endt.jpg" alt="">
      <img class="bup" data-src="./img/endb.jpg" alt="">
    </div>
    <div id="page23" class="page-item">
      <div class="title">
        <h2>内容来源（数据来源+文献来源）<h2>
      </div>
      <div class="source">
        <div class="lin1">
          <p>国家统计局</p>
          <p>成都地铁官方微博</p>
          <p>成都地铁官方微信</p>
          <p>封面新闻</p>
          <p>中国青年报</p>
          <p>网易新闻</p>
          <p>央视网</p>
          <p>四川发布官方微博</p>
          <p>百度百科</p>
          <p>各城市轨道交通官网</p>
        </div>
        <div class="lin2">
          <p>《2022年全国两会》</p>
          <p>《中华人民共和国节约能源法》</p>
          <p>《中华人民共和国可再生能源法》</p>
          <p>《中华人民共和国清洁生产促进法》</p>
          <p>《2030年前碳达峰行动方案》</p>
          <p>《“十四五”节能减排综合性工作方案》</p>
          <p>《中国城市轨道交通协会》</p>
          <p>《2022年城市轨道交通运营数据速报》</p>
          <p>《上海轨道交通行业资讯中心》</p>
          <p>《成渝地区双城经济圈建设规划纲要》</p>
          <p>《2022年重庆人民政府工作报告》</p>
          <p>《2022年四川省人民政府工作报告》</p>
          <p>《2022年成都市政府工作报告》</p>
          <p>《成都市人口统计局》</p>
          <p>《重庆市人口统计局》</p>
        </div>
      </div>
      <div class="author rin">
        <p>指导教师：陆烨</p>
        <p>团队成员：杨旭、蒋竺言、蒋桂萍</p>
        <p>学校：成都大学</p>
      </div>
    </div>
</body>
<!-- 图表依赖 -->
<script type="text/javascript" src="./js/echarts.min.js"></script>
<script type="text/javascript" src="./js/echarts-gl.min.js"></script>
<script type="text/javascript" src="./js/echarts-wordcloud.min.js"></script>
<!-- 百度地图 -->
<script type="text/javascript"
  src="https://api.map.baidu.com/getscript?v=3.0&ak=00aznPex2EE9U3gmX3fBlprSzobnmwzV"></script>
<script type="text/javascript" src="https://fastly.jsdelivr.net/npm/echarts@5.3.3/dist/extension/bmap.min.js"></script>
<script src="./js/geo.js"></script>
<script src="./js/app.js"></script>
<!-- 页面滚动 -->
<script src="./js/page.js"></script>

</html>